import { Component, Vue } from 'vue-property-decorator'
import "./app.scss";
import { NavBarComponents } from '../layout/navbar/navbar';
@Component({
  template: require('./app.html'),
  components: {
    NavBarComponents
  }
})
export default class AppPage extends Vue {
  constructor() {
    super();
    console.log(this);

  }
  sidebar() {
    return this.$store.state.app.sidebar
  }
  device() {
    return this.$store.state.app.device
  }
  classObj(numner: Number) {
    return {
      hideSidebar: !this.sidebar().opened,
      openSidebar: this.sidebar().opened,
      withoutAnimation: this.sidebar().withoutAnimation,
      mobile: this.device() === 'mobile'
    }
  }


}
